<?php include 'head.php';?>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">Você está usando um browser <strong>ultrapassado</strong>. Por favor <a href="http://browsehappy.com/">atualize seu browser</a> para melhorar sua navegação.</p>
        <![endif]-->

 <?php include 'header-topo.php';?>        

 <?php include 'menu.php';?>    	
    	
 
        <div id="container-page-cat" class="container">
            <div id="conteudo">
                <div id="categoria">
                    <div id="topo-categoria">
                        <div class="caminhorato">
                            <p class="categoria-title">
                                <a href="#">A-Z</a> &#62; Animais
                            </p>
                        </div>
                        <div class="container-busca-cat">
                             <form class="busca-cat">
                                <input type="text" placeholder="Buscar na categoria..." name="busca-cat" onkeyup="buttonUp();" class="busca-cat-txt" required>
                                <input type="submit" class="busca-cat-btn" value="">
                                <span class="busca-cat-ico"></span>
                            </form>
                        </div>
                    <hr>
                    </div>

                    <div class="bloco-categoria">
                        <ul>
                            <li>
                                <figure>
                                    <div>
                                        <img class="foto-destaque" src="http://placekitten.com/420/420"/>
                                    </div>
                                    <figcaption>
                                        <a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title">
                                                <h3>Nome da notícia seis palavras máximo</h3>
                                            </div>
                                            <div id="cat-mobile">
                                                <div class="ver-mais-mobile"></div>
                                                <hr class="hr-cat-mobile">
                                            </div>
                                            <img class="ver-mais" src="img/mais.png"/>
                                        </a>
                                        <div class="compartilhar">
                                          <a href="#" target="_blank" class="symbol-fb"><span>facebook</span></a>
                                          <a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]"  class="symbol-p"><span>pinterest</span></a>
                                        </div>
                                    </figcaption>
                                </figure>
                            </li>
                            <!-- repetição noticias -->
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                            <li><figure><div><img class="foto-destaque" src="http://placekitten.com/420/420"/></div><figcaption><a href="http://localhost/portal/public_html/amz/single.html">
                                            <div class="noticia-title"><h3>Nome da notícia seis palavras máximo</h3></div>
                                            <div id="cat-mobile"><div class="ver-mais-mobile"></div><hr class="hr-cat-mobile"></div>
                                            <img class="ver-mais" src="img/mais.png"/></a>
                                        <div class="compartilhar">
                                        	<a href="#" target="_blank" class="symbol-fb" class="symbol-fb"><span>facebook</span></a>
                                        	<a href="http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]" class="symbol-p"><span>pinterest</span></a></div></figcaption></figure></li>
                        </ul>
                    </div>
                </div>

<?php include 'veja-tambem.php';?> 
            </div>
        </div>

        <div id="publicidade" class="container"></div>

        <footer>
        </footer>

        <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>-->
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script>
            var glide = $('.slider').glide({
                    afterTransition: function() {
                        var currentSlide = this.currentSlide;
                        console.log(currentSlide);
                    }
                }).data('api_glide');

                $(window).on('keyup', function (key) {
                    if (key.keyCode === 13) {
                        glide.jump(3, console.log('Wooo!'));
                    };
                });

                $('.slider-arrow').on('click', function() {
                    console.log(glide.current());
                });
        </script>
    </body>
</html>
